<script setup lang="ts">
</script>

<template>
  
  <div class="container">
    <div><router-link to="/about">About</router-link></div>
    <div><router-link to="/ball-base">Ball Base</router-link></div>
    <div><router-link to="/ball-bounce">Ball Bounce </router-link></div>
    <div><router-link to="/ball-complex">Ball Complex</router-link></div>
    <div><router-link to="/transform-base">Transform Base</router-link></div>
    <div><router-link to="/v-model-demo">V-Model Demo</router-link></div>
    <div><router-link to="/v-slot">Slot Demo</router-link></div>
    <div><router-link to="/cool-loading">Cool Loading</router-link></div>
  </div>
</template>

<style scoped lang="scss">
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  div{
    margin: 0 1rem;
  }
}
</style>
